<include file="./Application/Home/View/Header/header.html" />
<section>
    <style>
        @media only screen and (min-width: 1200px) {
            .blog-g-fixed {
                max-width: 1200px;
            }
        }

        @media only screen and (min-width: 641px) {
            .blog-sidebar {
                font-size: 1.4rem;
            }
        }

        .blog-main {
            padding: 20px 0;
        }

        .blog-title {
            margin: 10px 0 20px 0;
        }

        .blog-meta {
            font-size: 14px;
            margin: 10px 0 20px 0;
            color: #222;
        }

        .blog-meta a {
            color: #27ae60;
        }

        .blog-pagination a {
            font-size: 1.4rem;
        }

        .blog-team li {
            padding: 4px;
        }

        .blog-team img {
            margin-bottom: 0;
        }

        .blog-footer {
            padding: 10px 0;
            text-align: center;
        }
    </style>

    <div class="am-g am-g-fixed blog-g-fixed">
        <div class="col-md-8">
            <article class="blog-main">
                <h3 class="am-article-title blog-title">
                    <a href="#">{$activity.atheme}</a>
                </h3>
                <h4 class="am-article-meta blog-meta">by <a href="">{$activity.pid}</a> posted on {$activity.atime}</h4>

                <div class="am-g blog-content">
                    <div class="col-lg-7">
                        <p><!-- 本demo来自 http://blog.justfont.com/ -->{$activity.anews}</p>

                        <p>{$activity.aexperience}。</p>

                        <p>{$activity.astunumber}</p>
                    </div>

                </div>
            </article>
            <hr class="am-article-divider blog-hr">

        </div>

        <div class="col-md-4 blog-sidebar">
            <div class="am-panel-group">
                <section class="am-panel am-panel-default">
                    <div class="am-panel-hd">成员列表</div>
                    <ul class="am-list blog-list">
                        <volist name="stu_list" id="stu">
                            <li> <span style="padding: 0.6rem 1.25rem;" ><a id="{$stu.userid}" href="#" >{$stu.username}</a></span></li>
                            <div class="am-popup" id="model{$stu.userid}">
                                <div class="am-popup-inner">
                                    <div class="am-popup-hd">
                                        <h4 class="am-popup-title">活动感受</h4>
                                      <span data-am-modal-close
                                            class="am-close">&times;</span>
                                    </div>
                                    <div class="am-popup-bd">
                                        <div class="am-g">
                                            <div class="col-sm-3">活动感受</div>
                                        </div>
                                        <div class="am-g">
                                            <div class="col-sm-3 col-sm-centered">{$stu.acexperience}</div>
                                        </div>
                                        <div class="am-g">
                                            <div class="col-sm-3">参与活动时间</div>
                                        </div>
                                        <div class="am-g">
                                            <div class="col-sm-3 col-sm-centered">{$stu.actime}</div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <script>
                                Zepto(function($) {
                                    $('#{$stu.userid}').on('click', function() {
                                        $('#model{$stu.userid}').modal({
                                        });
                                    });
                                });
                            </script>
                        </volist>
                    </ul>
                </section>
            </div>
        </div>

    </div>

</section>


<include file="./Application/Home/View/Footer/footer.html" />